<template>
  <div class="info-wrap">
    <div class="title">
      {{this.infoData.title}}
    </div>
    <br>
    <div class="info">
      <i class="fa fa-calendar"></i>  {{$moment(infoData.creatdatetime).format("YYYY-MM-DD hh:mm:ss")}}  <i class="fa fa-folder-open-o"></i> {{infoData.type}}<i
      class="fa fa-user-o"></i> {{infoData.realName}}
    </div>
    <br>
    <hr>
    <br>
    <div class="content">
      <div class="html" v-html="infoData.content"></div>
    </div>
    <div class="info_footer">
      <h4>永久链接: <a :href="url" style="color: #1756d4">{{url}}</a></h4>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'info',
    created(){
      this.url = window.location
      this.$api.getBlogInfo(this.$route.params).then(res=>{
       this.infoData =  res.data
      })
    },
    data(){
      return {
        url: "",
        infoData:{
          'id': '565659898656565',
          'title': '你...的梦想，实现了么？',
          'content': '我最喜欢的一首歌《老男孩》的歌词。我最喜欢的一首歌《老男孩》的歌词。我最喜欢的一首歌《老男孩》的歌词。我最喜欢的一首歌《老男孩》的歌词。我最喜欢的一首歌《老男孩》的歌词。',
          'time': '2020-05-06 15:05',
          'user': '码畜',
          'type': '安卓',
        }
      }
    },
  }
</script>

<style scoped>
  .info-wrap{
    text-align: left;
    padding-top: 20px;
  }
  .title {
    font-size: 20px;
    color: #2c59a7;
  }

  .info i:nth-child(2), .info i:nth-child(3) {
    padding-left: 10px;
  }

  .content, .info {
    color: #444;
  }
  .info_footer{
    padding: 10px 0px;
  }

</style>
